<template>
  <div style="padding: 0 15px">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="14"
      height="16"
      viewBox="0 0 14 16"
      fill="none"
    >
      <path
        :fill="topNav?(!theme.includes('2e3c56')? 'rgba(44, 78, 120, 1)' : '#fff'):(!topTheme.includes('2e3c56')? 'rgba(44, 78, 120, 1)' : '#fff')"
        d="M13 0L1 0C0.447715 0 0 0.447715 0 1L0 15C0 15.5523 0.447715 16 1 16L13 16C13.5523 16 14 15.5523 14 15L14 1C14 0.447715 13.5523 0 13 0ZM3.49948 4.95251C3.92904 4.95251 4.27726 4.6114 4.27726 4.1906C4.27726 3.7698 3.92904 3.4287 3.49948 3.4287C3.06991 3.4287 2.7217 3.7698 2.7217 4.1906C2.7217 4.6114 3.06991 4.95251 3.49948 4.95251ZM10.5003 3.52403L5.8336 3.52403Q5.76794 3.52403 5.70354 3.53685Q5.63914 3.54966 5.57848 3.5748Q5.51781 3.59993 5.46322 3.63642Q5.40862 3.67291 5.3622 3.71935Q5.31577 3.7658 5.27929 3.82041Q5.24281 3.87502 5.21768 3.9357Q5.19255 3.99638 5.17974 4.0608Q5.16693 4.12522 5.16693 4.1909Q5.16693 4.25658 5.17974 4.321Q5.19255 4.38542 5.21768 4.4461Q5.24281 4.50678 5.27929 4.56139Q5.31577 4.616 5.3622 4.66245Q5.40862 4.70889 5.46322 4.74538Q5.51781 4.78187 5.57848 4.807Q5.63914 4.83214 5.70354 4.84495Q5.76794 4.85777 5.8336 4.85777L10.5003 4.85777Q10.5659 4.85777 10.6303 4.84495Q10.6947 4.83214 10.7554 4.807Q10.8161 4.78187 10.8706 4.74538Q10.9252 4.70889 10.9717 4.66245Q11.0181 4.616 11.0546 4.56139Q11.0911 4.50678 11.1162 4.4461Q11.1413 4.38542 11.1541 4.321Q11.1669 4.25658 11.1669 4.1909Q11.1669 4.12522 11.1541 4.0608Q11.1413 3.99638 11.1162 3.9357Q11.0911 3.87502 11.0546 3.82041Q11.0181 3.7658 10.9717 3.71935Q10.9252 3.67291 10.8706 3.63642Q10.8161 3.59993 10.7554 3.5748Q10.6947 3.54966 10.6303 3.53685Q10.5659 3.52403 10.5003 3.52403ZM4.27726 7.9997C4.27726 8.4205 3.92904 8.76161 3.49948 8.76161C3.06991 8.76161 2.7217 8.4205 2.7217 7.9997C2.7217 7.5789 3.06991 7.2378 3.49948 7.2378C3.92904 7.2378 4.27726 7.5789 4.27726 7.9997ZM10.5003 7.33313L5.8336 7.33313Q5.76794 7.33313 5.70354 7.34595Q5.63914 7.35876 5.57848 7.38389Q5.51781 7.40903 5.46322 7.44552Q5.40862 7.48201 5.3622 7.52845Q5.31577 7.5749 5.27929 7.62951Q5.24281 7.68412 5.21768 7.7448Q5.19255 7.80548 5.17974 7.8699Q5.16693 7.93432 5.16693 8Q5.16693 8.06568 5.17974 8.1301Q5.19255 8.19452 5.21768 8.2552Q5.24281 8.31588 5.27929 8.37049Q5.31577 8.4251 5.3622 8.47155Q5.40862 8.51799 5.46322 8.55448Q5.51781 8.59097 5.57848 8.6161Q5.63914 8.64124 5.70354 8.65405Q5.76794 8.66687 5.8336 8.66687L10.5003 8.66687Q10.5659 8.66687 10.6303 8.65405Q10.6947 8.64124 10.7554 8.6161Q10.8161 8.59097 10.8706 8.55448Q10.9252 8.51799 10.9717 8.47155Q11.0181 8.4251 11.0546 8.37049Q11.0911 8.31588 11.1162 8.2552Q11.1413 8.19452 11.1541 8.1301Q11.1669 8.06568 11.1669 8Q11.1669 7.93432 11.1541 7.8699Q11.1413 7.80548 11.1162 7.7448Q11.0911 7.68412 11.0546 7.62951Q11.0181 7.5749 10.9717 7.52845Q10.9252 7.48201 10.8706 7.44552Q10.8161 7.40903 10.7554 7.38389Q10.6947 7.35876 10.6303 7.34595Q10.5659 7.33313 10.5003 7.33313ZM4.27726 11.8098C4.27726 12.2306 3.92904 12.5717 3.49948 12.5717C3.06991 12.5717 2.7217 12.2306 2.7217 11.8098C2.7217 11.389 3.06991 11.0479 3.49948 11.0479C3.92904 11.0479 4.27726 11.389 4.27726 11.8098ZM10.5003 11.1422L5.8336 11.1422Q5.76794 11.1422 5.70354 11.155Q5.63914 11.1679 5.57848 11.193Q5.51781 11.2181 5.46322 11.2546Q5.40862 11.2911 5.3622 11.3376Q5.31577 11.384 5.27929 11.4386Q5.24281 11.4932 5.21768 11.5539Q5.19255 11.6146 5.17974 11.679Q5.16693 11.7434 5.16693 11.8091Q5.16693 11.8748 5.17974 11.9392Q5.19255 12.0036 5.21768 12.0643Q5.24281 12.125 5.27929 12.1796Q5.31577 12.2342 5.3622 12.2806Q5.40862 12.3271 5.46322 12.3636Q5.51781 12.4001 5.57848 12.4252Q5.63914 12.4503 5.70354 12.4632Q5.76794 12.476 5.8336 12.476L10.5003 12.476Q10.5659 12.476 10.6303 12.4632Q10.6947 12.4503 10.7554 12.4252Q10.8161 12.4001 10.8706 12.3636Q10.9252 12.3271 10.9717 12.2806Q11.0181 12.2342 11.0546 12.1796Q11.0911 12.125 11.1162 12.0643Q11.1413 12.0036 11.1541 11.9392Q11.1669 11.8748 11.1669 11.8091Q11.1669 11.7434 11.1541 11.679Q11.1413 11.6146 11.1162 11.5539Q11.0911 11.4932 11.0546 11.4386Q11.0181 11.384 10.9717 11.3376Q10.9252 11.2911 10.8706 11.2546Q10.8161 11.2181 10.7554 11.193Q10.6947 11.1679 10.6303 11.155Q10.5659 11.1422 10.5003 11.1422Z"
        fill-rule="evenodd"
        fill-opacity="0.8"
      ></path>
    </svg>
  </div>
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const topTheme = computed(() => settingsStore.topTheme);
const theme = computed(() => settingsStore.theme);
const topNav = computed(() => settingsStore.topNav)

defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits();
// const toggleClick = () => {
//   emit('toggleClick');
// }
</script>

<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  transform: rotate(180deg);
}
</style>
